<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=320,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no,minimal-ui">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<meta name="format-detection" content="address=no">
<title>商富商城</title>
<link type="text/css" href="css/mobile.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/coo.js"></script>
<script type="text/javascript" src="js/common.js"></script>

<script src="js/mobiscroll/mobiscroll.core.js" charset="utf-8" type="text/javascript"></script>
<script src="js/mobiscroll/mobiscroll.scroller.js" charset="utf-8" type="text/javascript"></script>
<script src="js/mobiscroll/mobiscroll.datetime.js" charset="utf-8" type="text/javascript"></script>
<script src="js/mobiscroll/mobiscroll.scroller.ios7.js" charset="utf-8" type="text/javascript"></script>
<script src="js/mobiscroll/mobiscroll.i18n.zh.js" charset="utf-8" type="text/javascript"></script>
<link href="js/mobiscroll/mobiscroll.scroller.css" rel="stylesheet" type="text/css" />
<link href="js/mobiscroll/mobiscroll.scroller.ios7.css" rel="stylesheet" type="text/css" />
<link href="js/mobiscroll/mobiscroll.animation.css" rel="stylesheet" type="text/css" />
</head>
<style type="text/css">
.clerk_order_s{ background-color: #fff;height: 40px;line-height: 40px;text-align: left;padding-left: 5px;}
.clerk_order_s input{ height: 25px;border-radius: 5px;background-color: #F6F6F6;width: 32%;border: none;padding-left: 10px;}
.clerk_order_s span{ display: inline-block;text-align: center;}
.clerk_order_s a{ width: 50px;color: #fff;background-color: #E34E16;border-radius: 3px;height: 25px;box-shadow: none;display: inline-block;margin-top: 6px; line-height: 25px;text-align: center;float: right;margin-right: 8px;}
.ba { border-top: 8px solid #F4F4F4;padding: 0px 10px;}
.ba > table{ border-collapse:collapse;border: 1px solid #616161;width: 100%;margin-top: 10px;}
.ba > table td{ border: 1px solid #616161;line-height: 30px;}
.first_tr td{ background-color: #BCBCBC;color: #fff;}
.footer_bt { float: right;margin-right: 10px;margin-top: 10px;}
</style>
<body>
<form action="wap.php?app=member&act=clerk_order" method="get">
	<div class="clerk_order_s">
		<input type="text" name="starttime" value="{if $data.starttime}{$data.starttime}{else}{/if}" id="starttime" placeholder="开始日期">
		<span>—</span>
		<input type="text" name="endtime" value="{if $data.endtime}{$data.endtime}{else}{/if}" id="endtime" placeholder="结束日期">
		<!-- <input type="hidden" name="sign" value="{$data.sign}" id="sign" > -->
		<input type="hidden" name="clerk_id" value="{$data.clerk_id}" id="clerk_id">
		<input type="hidden" name="app" value="member">
		<input type="hidden" name="act" value="clerk_order">
		<a href="#" id="clerk">搜索</a>
	</div>
</form>
<div class="ba">
	<table>
		<thead>
			<tr class="first_tr">
				<td>订单号</td>
				<td>日期</td>
				<td>订单金额(元)</td>
			</tr>
		</thead>
		<tbody>
				{foreach from=$data.clerk_order name=g item=g}
				<tr>
					<td>{$g.order_sn}</td>
					<td>{$g.add_time}</td>
					<td>{$g.total_price}</td>
				</tr>
				{foreachelse}
				<tr>
					<td colspan="3">{if $data.empt}{$data.empt}{else}还没有订单哦！{/if}</td>
				</tr>
				{/foreach}
		</tbody>
	</table>
	<div class="footer_bt">
		{if !$data.empt}
			共 {$data.nav.num_records} 个记录  {$data.nav.current_page} / {$data.nav.num_pages} 页  {$data.nav.first_page} {$data.nav.prev} {$data.nav.nav} {$data.nav.next} <!-- {$data.nav.last_page}  -->
		{/if}
		
	</div>
</div>
{include file="footer.html"}
<script type="text/javascript">
$(function(){
	$('#clerk').click(function(){
		$('form').submit();
	});
	$('#starttime').mobiscroll({
		theme: 'ios7',
		lang: 'zh',
		mode: 'scroller',
		display: 'bottom',
		preset: 'datetime',
		dateOrder: 'yyMMdd DD',
		minWidth: 35,
		dateFormat: 'yyyy-mm-dd',
		timeWheels: 'HHii',
		// minDate: minDate,
		// maxDate: maxDate,
		stepMinute: 30,
		validate: function(html, index){
			// alert(index);
		},
		onChange: function(val, inst){
			$('#starttime').val(val);
		},
		onSelect: function(val){
			$('#starttime').val(val);
		}
	});
	$('#endtime').mobiscroll({
		theme: 'ios7',
		lang: 'zh',
		mode: 'scroller',
		display: 'bottom',
		preset: 'datetime',
		dateOrder: 'yyMMdd DD',
		minWidth: 35,
		dateFormat: 'yyyy-mm-dd',
		timeWheels: 'HHii',
		// minDate: minDate,
		// maxDate: maxDate,
		stepMinute: 30,
		validate: function(html, index){
			// alert(index);
		},
		onChange: function(val, inst){
			$('#endtime').val(val);
		},
		onSelect: function(val){
			$('#endtime').val(val);
		}
	});	
});
</script>
